* {
margin: 0;
padding: 0;
}
html {
font-size: 100%; font-family:verdana, arial, sans-serif; color:#000000;
background: url(../images/images_navi/einssechseins.jpg) repeat-x;
 }
h1 {
background-image: url(../images/images_navi/waagrecht.jpg);
background-position: 80px 0px; background-repeat: no-repeat;
height: 161px; text-decoration: none; text-indent: -999em; 
z-index: 20;
}
#firmenlogo {
position: absolute; top: 15px; left:3px;
}
table.navileiste {
width: 80%; position: absolute; top:115px;  left:200px; padding:0px; margin:0px;
border-width:0px; text-align: center;
}
/*
Die Navileiste beinhaltet die Tabelle f�r die Navigation 
background: #fff; mu� herausgenommen werden 23.Nov.07
und eine Klasse mit dem Namen navileiste gebildet.
>>border: 2px solid #000;<< klappt nicht. Es mu� lauten: 
>>border-width:3px; border-style:solid #000;<<
Folgender Code mit tr.abstand (und <tr class="abstand" align="center">)legt nur einen Rahmen um den bestehenden mit table.navileiste
tr.abstand{
padding:17px; margin:0px;
border-width:3px; border-style:solid #000; text-align: center;
}
*/
td.abstand{
padding:15px; margin:0px; background-position:center;
border-width:0px; text-align: center;
}
table.navileiste a:hover {
color: #999933;
}
table.navileiste a:link, a:visited {
text-decoration: none;
}
#sidebar {
background-image: url(../images/images_navi/senkrecht.jpg);
background-repeat: repeat-y; background-position:0px 0px;
float: left; z-index: 10;
position: absolute; top:160px; left:20px;
padding-top: 20px;
width: 230px;
}
/*
//11.03.2010.... "height:1247px;" eingef�gt f�r Test mit gleich langen Spalten
//11.03.2010.... "height:100%;" setzt die L�nge des Hintergrundbildes, nicht anwendbar
//11.03.2010.... Pixelh�he ermitteln und die <br />ermitteln und per JavaScript einsetzten
// z-index: 10; neu am 2.Apr.08
//senkrecht.jpg ist 230 px breit neu am 12.03.08 
//width: 230px; kann wegfallen, weil Breite durch senkrecht.jpg //vorgegeben ist, wegen Mozilla  
//width: 230px; kann wegfallen, weil Breite durch senkrecht.jpg //vorgegeben ist
verschiebt die Seitenleiste Richtung Logo nach oben: top:160px;
verschiebt die Schrift nach oben: padding-top: 20px;  
text-indent:10px; zweite Zeile wird nicht einger�ckt
margin und padding versagen
text-align:center; bei Mozilla schlecht
senkrecht.png erzeugt streifenf�rmige schlechte Farb�berg�nge
sidebar:
height: 700px; wirkt sich auf die L�nge aus, height: 100%; oder 
300% !important; bleibt ohne Einflu�. Beim Mozilla werden die 300% tats�chlich auf das 3-fache erweitert, deshalb 100%, jedoch bei Einsatz von Pixel wird die L�nge absolut festgelegt, sie kann nicht mehr mit <p>&nbsp;</p>
ver�ndert werden.
background-position: 0px 0px; kann weggelassen werden
Farbe wurde weggelassen:color: #0000BF;
*/
#sidebar a:hover {
color: #000000;
font-size:100%;
}
.bold {
padding: 10px 5px 0px 5px;
font-size:110%; font-weight: bold; 
color: #0000BF;
}
#sidebar p {
padding: 10px 0px 5px 12px;
font-weight: bold;
}
/*
padding: 12px; bestimmt den Abstand Schrift - Seitenleistenrand(links)
(nicht Fensterrand vom Browser)
*/
.linkopen {
background-color:  #FFFFFF;
}
#content {
margin-top: 10px; margin-right: 10px; margin-bottom: 0px;
margin-left: 270px;
}
 /*
position: absolute; top: 165px; wurde ersetzt durch margin-top: 7 px; 
margin-left ergibt sich aus: 230 px  + 20px = 250px + Abstand 20px; 
margin-top: 15 px; z�hlt bis zur Unterkante der Navileiste
width: 73%;
margin-right: 10px; beinflu�t den Abstand rechts zum Browserfenster
am 18.03.08: width: 100%;
*/
#content_marginleft {
margin-top: 10px; margin-right: 10px; margin-bottom: 0px;
margin-left: 280px; 
}
/*
19.03.08
content_marginleft wurde f�r Inhalt mit Liste geschaffen, damit die Listenpunkte nicht �ber die Umrahmung hinausgehen margin-left: 280px; verschiebt den kompletten Rahmen, nicht die innere Schrift gegen�ber dem Rahmen.z.B. siehe termsbusiness.htm
*/
table.insidecontent {
border: 1px solid #000;
padding: 0 0 0 15px;
}
/*
//am 20.03.08: width: 93%; wurde weggelassen, weil bei Windows Intern.Exp. alle Tabellen nach rechts ausgeweitet werden, soda� unten immer ein Rollbalken entsteht, um die rechte Spalte Gr��ensortiment noch lesen zu k�nnen. Jedoch daf�r bei schnitt.htm, anschlag.htm �rtlich eingesetzt, weitet die Tabelle (somit die Grafiken) bei Windows InternetExpl. u. Opera jedoch nach rechts mit waagrechtem Rollbalken!
//background: #fff;
//padding neu hinzuf�gt am 12.03.08
16.06.08 <table class  border="0" bei bau.htm, rohr.htm, blech.htm weggelassen
*/
table tr.farbwechsel {
background-color: #C9E4FF;
}
em {
font-size:90%;
} 
.title {
font-weight: bold; font-size: 97% !important;
}
/*
font-family: georgia, serif;
title + titleline aus sortiment.css kopiert, title von 110% auf 97% vermindert
*/
.titleline {
font-size: 93% !important;
}
/*
Bei den umfangreichen Tabellen wurde die Schrift nochmals verkleinert
*/
.email {
cursor: pointer;
border: 1px solid #FF9933;
background-color: #FFFF66;
width: 60px;
text-decoration: none;
}
/*
Definition des E-Mail buttons
text-decoration: none: nimmt die Linkfarbe und Unterstreichung weg
cursor: hand gibt es nicht, pointer entspricht meist einer Hand
*/
.email_farblos {
cursor: pointer;
text-decoration: none;
}
//blauerRahmen im Firefox mit border="0" im img-Tag ausgeschaltet
#foto {
position: relative; top:0px; right:0px;
z-index: 1;
}
.alu {
font-size: 90%; color: #666666;
}
.achtzig {
font-size: 80%; color: #666666;
}
/*
width="100%" wurde bei product.htm eingef�gt
*/
/*
folgende Angaben sind f�r eine Box mit abgrundeteten Ecken
.container = oben rechts; .a small =  Bogen oben links; .a = Senkrechte mitte links; .b = Senkrechte mitte links; .c = Bogen unten links; .d = Bogen unten rechts;
In ".c" mu� display block eingef�gt werden, damit die linke Umrandung sich �ber alle Zeilen nach unten ausdehnt
Das form-Tag ist notwendig um rechts die L�cke bei den Zeilen "Wenn wir Ihr Interesse geweckt haben..." zu schlie�en
*/
.container {
float: left;
color: #006699;
background: url(../images/images_actual/umrand_re_o.gif) top right no-repeat;
}
.a_small {
font-size:95%;  color: #666633; margin: 0;
padding-left: 30px; padding-right: 30px; padding-top: 25px; padding-bottom: 0px;
background: url(../images/images_actual/umrand_li_o.gif) top left no-repeat;
}
.a {
font-size:130%; color: #666633; margin: 0;
padding: 18px;
background: url(../images/images_actual/umrand_senkr.gif) top left no-repeat;
}
.b {
color: #666633; margin: 0; 
padding-left: 30px; padding-bottom: 20px; padding-right: 30px;
background: url(../images/images_actual/umrand_senkr.gif) top left no-repeat;
}
.b_rechts {
color: #666633; margin: 0;
padding-left: 0px; padding-bottom: 0px; padding-right:12px;
background: url(../images/images_actual/umrand_senkr.gif) top right no-repeat;
}
.c {
color: #666633; font-size:90%; margin: 0;
padding-left: 80px; padding-bottom: 25px;
display: block;
background: url(../images/images_actual/umrand_li_u.gif) bottom left no-repeat;
}
.d {
margin: 0;
padding: 0;
background: url(../images/images_actual/umrand_re_u.gif) bottom right no-repeat;
}
.werbeschrift {
font-size: 120%; color: #000000;
}
